<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="./css/lefeng.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/goods.css"/>
</head>
<body>
	<!--头部-->
	<div id="header">
		<div class="header_info">
			<!--配送地址-->
			<div class="Distribution_add">
				<span class="Distribution">送货到</span><a href="#" class="D_address">北京</a>
				<div class="all_address">
					
				</div>
			</div>
			<!--右侧-->
			<div class="header_right">
				<div class="log_re">
					<span>欢迎来到乐峰，请</span>
					<a href="" class="red_a">登录</a><span class="shuxian">|</span>
					<a href="" class="red_a">免费注册</a>
				</div>
				<div class="kuaisu_daohang">
					<div class="dingdan">
						<a href="">我的订单</a>
					</div>
					<div class="dingdan">
						<a href="">快速导航</a>
					</div>
					<div class="dingdan">
						<a href="">收藏乐峰</a>
					</div>
					<div class="phone_le">
						<a href="">手机乐峰</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--搜索区域-->
	<div id="header_search_region">
		<div class="trademark"></div>
		<div class="search_box">
			<div class="search_input">
				<input type="text" class="search_input_text" name="" id="" value="" placeholder="面膜"/>
				<input type="button" class="search_input_button" name="" id="" value="搜索" />
			</div>
			<div class="search_hot">
				<span>热门：</span>
				<a href="">bb爽</a>
				<a href="">bb爽</a>
				<a href="">bb爽</a>
			</div>
		</div>
		<div class="shop_car_box">
			<div class="car_but">
				<div class="order_sum">
					<strong>10</strong>
				</div>
				<div class="shop_car_hidden">
					<div class="car_hidden_but">
						<div class="order_sum">
							<strong>10</strong>
						</div>
					</div>
					<!--首页购物车产品-->
					<div class="shop_list">
						
						<!--<div class="shop_list_dis">
								您的购物车还没有商品，
赶紧去选购吧！
						</div>-->
						<!--添加的产品-->
						<div class="shop_list_dis">
								<img src="image/4710937027235-5.jpg"/>
								<!--产品名称-->
								<p>产品产品</p>
								<p class="jiage">￥<strong>100</strong>x<span>1</xspan></p>
								<p>规格</p>
						</div>
						<div class="shop_list_dis">
								<img src="image/4710937027235-5.jpg"/>
								<!--产品名称-->
								<p>产品产品</p>
								<p class="jiage">￥<strong>100</strong>x<span>1</xspan></p>
								<p>规格</p>
						</div>
						<!--结算区域-->
						<div class="jiesuan">
							<p>共1件商品</p>
							<p>共计：￥<strong>100</strong></p>
							<button type="submit" class="go_settlement">去购物车结算</button>	
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--头部结束-->
	<!--分类title-->
	<div id="title_cate">
		<div class="title_feilei">
			<div class="title_box prd_all_cate">
				商品分类
				<span></span>
				
				<!--分类列表-->
				<div class="categroy_list_box  goods_ones">
					<div class="one_list_box">
						<dl>
							<dt class="first_title"><img src="image/1.png"/>护肤</dt>
							<dd><a href="" >套装</a><a href="">套装</a><a href="">套装</a><a href="" >套装</a></dd>
							
						</dl>
					</div>
					<div class="one_list_box">
						<dl>
							<dt class="first_title"><img src="image/1.png"/>护肤</dt>
							<dd><a href="" >套装</a><a href="">套装</a><a href="">套装</a><a href="" >套装</a></dd>
							
						</dl>
						<!--更多标题区域-->
						<div class="more_title_box">
							
						</div>
					</div>
					<div class="one_list_box">
						<dl>
							<dt class="first_title"><img src="image/1.png"/>护肤</dt>
							<dd><a href="" >套装</a><a href="">套装</a><a href="">套装</a><a href="" >套装</a></dd>
							
						</dl>
					</div>
				</div>
				
			</div>
			<div class="title_box">
				<a href="" class="title_1">首页</a>
			</div>
			<div class="title_box">
				<a href="" class="title_1">疯购全球</a>
			</div>
		</div>
	</div>
	<!--分类结束-->
	<!--main2-->
	<div id="main2">
		<div class="path">
			<span class="all"><a href="">乐蜂网首页</a>><a href="">水之蔻专场</a>></span>
			<span class="curoath">水之蔻水漾卸妆洁颜液150ml </span>
		</div>
		<div class="commodity-t-composite">
			<div class="commodity_header">
				<h1><span>今日特卖</span>水之蔻黑头导出精华护理组合</h1>
				<p>深入黑头、软化黑头，有效导出黑头并改善肌肤异常出油现象，有效收敛毛孔
				</p>
			</div>
			<div class="dity-pic">
				<img src="image/6944874300122-110.jpg"/>
				<!--标签-->
				<div class="dity-tags">
					<span>导出黑头</span>
				</div>
				
				<!--youce-->
				<div class="dity">
					<div class="dity_price">
						<span class="dity_title">价格</span>
						<span>
							<b class="lighten">¥</b>
							<strong>199.0</strong>
							<b class="dity-countdown">4.6折</b>
							<b class="marketPrice-s">¥ 435.0</b>
						</span>
					</div>
					<div class="dity-promotions">
						<span class="dity_title">价格</span>
						<div class="dity-prts">
							<p><i class="i_1"></i>满99减20，上不封顶</p>
							<p><i class="i_1"></i>满99减20，上不封顶</p>
						</div>
					</div>
					<div class="dity_num">
						<span class="dity_title">购买数量</span>
						<div class="dity-size-r">
							<span class="dity_dec">-</span>
							<input type="text" name="" id="" value="1" class="dity_input"/>
							<span class="dity_add">+</span>
						</div>
					</div>
					<a href="" class="dity_join_car">加入购物车</a>
					<span class="dity_zheng">购买最多可获得99个花粉 </span>
				</div>
			</div>
			
		</div>
	</div>
	<!--main2结束-->
	<div class="main2_content">
	<!--main2---left-->
		<div class="main2_left">
			<div class="left_title">
				<a href="">商品详情</a>
				<a href="">乐峰承诺</a>
			</div>
			<div class="left_content">
				
			</div>
		</div>
		<!--youce-->
		<div class="main2_right">
		
		</div>
	</div>
	<!--main2---left结束-->
	
		<!--底部公共区域-->
	<div id="footer_con">
		<div class="Cfooter_service">
			<ul class="w1000">
				<li class="li1"></li>
				<li class="li2"></li>
				<li class="li3"></li>
			</ul>
		</div>
		<div class="Cfoot_info">
			<dl class="w1000">
				<dt><span></span><p>客服 9:00-24:00</p></dt>
				<dd>
					<strong>新手指南</strong>
					<a href="">购物流程</a>
					<a href="">购物流程</a>
					<a href="">购物流程</a>
					<a href="">购物流程</a>
				</dd>
				<dd>
					<strong>新手指南</strong>
					<a href="">购物流程</a>
					<a href="">购物流程</a>
					<a href="">购物流程</a>
					<a href="">购物流程</a>
				</dd>
				<dd>
					<strong>新手指南</strong>
					<a href="">购物流程</a>
					<a href="">购物流程请问</a>
					<a href="">购物流程</a>
					<a href="">购物流程</a>
				</dd>
				<dd>
					<strong>新手指南</strong>
					<a href="">购物流程请问去</a>
					<a href="">购物流程</a>
					<a href="">购物流程</a>
					<a href="">购物流程</a>
				</dd>
				<dd class='f-caoma'>
					<strong>乐峰网微信</strong>
					<b></b>
				</dd>
			</dl>
		</div>
		<div class="Cfoot-cr">
			<a href="" target="_blank">关于乐峰</a>
			<a href="" target="_blank">关于乐峰</a>
			<a href="" target="_blank">关于乐峰</a>
			<a href="" target="_blank">关于乐峰</a>
			<br />
			<span>
				Copyright
				<b>©</b>
				2008-2016 Lefeng.com All Rights Reserved.
			</span>
			<span>乐蜂（上海）信息技术有限公司</span>
			<a href="http://www.miibeian.gov.cn/?biid=7520" target="_blank">津ICP备15005555号-1</a>
			<span>京公网安备11010502014183</span>
			<a href="http://images.lefeng.com/indexfiles/businesslicence_new.jpg?biid=7520" target="_blank" rel="nofollow">营业执照</a>
			
			<div class="Cfooter-cr-img">
				<a href="" class="cxwb"></a>
				<a href="" class="kxwb"></a>
				<a href="" class="wsjy"></a>
				<a href="" class="xfwq"></a>
			</div>
		</div>
		
	</div>
	
</body>
</html>
